<template>
  <el-form :model="form" label-width="auto" style="max-width: 600px">
    <el-form-item label="账号：">
      <el-input v-model="form.account" />
    </el-form-item>
    <el-form-item label="密码：">
      <el-input type="password" v-model="form.password" />
    </el-form-item>
    <el-form-item label="昵称：">
      <el-input v-model="form.nickName" />
    </el-form-item>
    <el-form-item label="真实姓名：">
      <el-input v-model="form.realName" />
    </el-form-item>
    <el-form-item label="联系电话：">
      <el-input v-model="form.phone" />
    </el-form-item>
    <el-form-item label="个人简介：">
      <el-input v-model="form.personalProfile" />
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="onSubmit">注册</el-button>
    </el-form-item>
  </el-form>
</template>

<script setup>
import request from '@/request/request';
import { ref } from 'vue';
const form = ref({
  account: '',
  password: '',
  nickName: '',
  realName: '',
  phone: '',
  personalProfile: ''
});
function onSubmit() {
  request('POST', 'blog-auth/auth/register', form.value, false)
}

</script>